-----------------------------------------------
Blogger Template Style
Name:     xX.Lak.Xx
Designer: Tuấn kÒi
URL:      wWw.DjSo1Tl.Blogspot.com
----------------------------------------------- */

#navbar-iframe {
display: none !important;
}
/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
             type="color" default="#000">
   <Variable name="textcolor" description="Text Color"
             type="color" default="#936">
   <Variable name="linkcolor" description="Link Color"
             type="color" default="#58a">
   <Variable name="pagetitlecolor" description="Blog Title Color"
             type="color" default="#666">
   <Variable name="descriptioncolor" description="Blog Description Color"
             type="color" default="#999">
   <Variable name="titlecolor" description="Post Title Color"
             type="color" default="#c60">
   <Variable name="bordercolor" description="Border Color"
             type="color" default="#ccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
             type="color" default="#999">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
             type="color" default="#666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
             type="color" default="#999">
   <Variable name="bodyfont" description="Text Font"
             type="font" default="normal normal 100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
             type="font"
             default="normal normal 200% Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
             type="font"
             default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
             type="automatic" default="left">
   <Variable name="endSide" description="Side where text ends in blog language"
             type="automatic" default="right">
*/

/* Use this with templates/template-twocol.html */

body {
background: #000 url('https://googledrive.com/host/0B4DGSbbFJaMuMHRldHo3d0M4Sms') no-repeat bottom center fixed;
color: #AFAFAF;
font-family: Tahoma, Lucida Grande, Helvetica,Arial,Verdana,sans-serif;
font-size: 90%;
line-height: 0em;
text-align: center;
overflow-x: visible;
font-family:Arial;
font-size:small;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
margin:0 auto;
text-align:center;
}
a:link {
color:#CCC;
text-decoration:none;
}
a:visited {
color:#CCC;
text-decoration:none;
}
a:hover {
color:#fff;
text-decoration:none;
}
a img {
border-width:0;
}

.descriptionwrapper {
float:left;
}
#header .description {
color:#999999;
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.2em;
line-height:36px;
margin-left:10px;
text-transform:uppercase;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header-inner1 img{
max-width:220px;
}
#header {
color:#333333;
text-align:left;
}
#header h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
}
#header a {
color:#333333;
text-decoration:none;
}
#header a:hover {
color:#666666;
}
#header .description {
color:#444;
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:16px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:1px;
line-height:normal;
margin:20px 0 0 10px;
text-transform:uppercase;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
font-family:arial;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:2;
margin:0 auto;
padding:1px;
text-align:left;
width:940px;

}
#main-wrapper {
border: 1px solid #333;
width:515px;
padding:0px;
background: #0F0F0F;
float:left;
overflow:hidden;
}
#main-wrapper ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;	
padding:0;
}
#sidebar-wrapper {
float:right;
font-size:12px;
width:205px;
}
#sidebar-wrapper img{
max-width:205px;
}
#sidebar-album {
float:right;
font-size:12px;
width:200px;
}
#sidebar-album img{
max-width:200px;
}
#sidebar-wrapperL {
float:left;
font-size:12px;
font-weight:normal;
overflow:hidden;
margin-right:5px;
width:205px;
}
#sidebar-wrapperL img{
max-width:158px;
}
#sidebar-toppro {
float:right;
font-size:12px;
width:205px;
}
#sidebar-toppro img{
max-width:205px;
}
h2 {
	margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
h2.date-header {
margin:1.5em 0 0.5em;
}
.post {
border-bottom:1px solid #EEEEEE;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
}
.post h3 {
color:#333333;
font-size:22px;
font-weight:bold;
margin:0;
padding:0 0 4px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color:#CCC;
display:block;
font-weight:bold;
text-decoration:none;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.post-body {
font-size:14px;
line-height:20px;
margin:0 0 20px;
}
.post-body blockquote {
line-height:1.3em;
}

.post-body embed {max-width:510px;max-height:390px}
.post-body iframe {max-width:510px;max-height:390px}

.post-footer {
color:#666;
font-family:Tahoma, Lucida Grande, Helvetica,Arial,Verdana,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight: none;
line-height:1.4em;
margin:0px 0;
text-transform:normal;
}
.post-footer a {
color: #89014B;
}
.post-footer a:hover {
color: #963131;
}


.comment-link {
}
.post img {
border:1px solid #EEEEEE;
padding:2px;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:0.75em 0;
}
#comments {
}
#comments h4 {
color:#666666;
font-weight:bold;
line-height:1.4em;
margin:1em 0;
text-transform:none;
font-family:Arial, Verdana, Sans-serif;
}
.numberingcomments a:link, .numberingcomments a:visited {float: right;color: yellow; text-decoration: none;padding-right:10px;padding-top:10px;font-weight:bold;}
.numberingcomments a:hover, .numberingcomments a:active {float: right;color: #3366FF;text-decoration: blink;padding-right:10px;padding-top:10px;font-weight:bold;}

.comments-block a,.comments-block p,.comments-block a img{margin:0;padding:0;outline:none;border:none}
.comments-block{overflow:auto;max-height:450px;width:500px;font-family:Arial;line-height:18px;border:3px solid #525252;;border-radius:5px;padding-top:8px;padding-left:5px;}
.comments-block .arrow{float:left;margin:5px 0 0 5px;display:block;width:5px;height:16px;}
#comments-box{float:left;width:410px;margin-bottom:10px;border:1px solid #575757;border-radius:8px;}
.comments-avatar{float:left}
.comments-meta{padding:5px;background:#1F1F1F;border-bottom:1px solid #707070}
.comments-meta{font-size:18px}
.comments-meta a{font-size:18px;color:#BEFCFF;text-decoration:none}
.comments-timestamp{color:#BEFCFF;font-size:12px}
.comments-body{font-size:13px;padding:5px;}
a.comments-reply{margin:10px 10px 0 0;display:block;width:68px;height:28px;float:right}
.avatar-image-container{width:50px;height:50px;padding:1px;border:1px solid #707070}
.avatar-image-container img{background:#fff url(http://lh3.googleusercontent.com/-aoxJ4vEWLqc/ToPsWgtdHzI/AAAAAAAAATI/hPJrDpXbMDY/s800/anonymous.png) no-repeat;width:50px;height:50px}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
text-align:center;
}
.feed-links {
clear:both;
line-height:2.5em;
}


.theloai ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0px 0px 0px 0px;	
padding:0;
    line-height:30px;
}

.theloai li {
	border-bottom:dotted 0px #1F1F1F;
    line-height:25px;
    font-weight:bold;
}
.theloai li a {
	background: transparent url('http://lh6.googleusercontent.com/-1xd48LOdYHI/TrH_AZKXxEI/AAAAAAAAAJc/CIn-fxxIDT0/s800/xemtiep.gif') no-repeat scroll 0px 3px;
	vertical-align: middle;
    line-height:26px;
    font-weight:bold;
	padding-left:20px;
}


.dj-left ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0px 0px 0px 0px;	
padding:0;
}
.dj-left li {
	border-bottom:dotted 1px #1F1F1F;
    line-height:22px;
    font-weight:normal;
}
.dj-left li a {
	background: transparent url('http://lh5.googleusercontent.com/-mH54Is80-HE/TrPt4qIjXHI/AAAAAAAAAKQ/707FSI4afnc/s800/music2.png') no-repeat scroll 0px 0px;
	vertical-align: middle;
    line-height:22px;
    font-weight:normal;
	padding-left:20px;
}

#sidebar3 ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;	
padding:0;
}
#sidebar4 ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;	
padding:0;
}
#sidebar5 ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;	
padding:0;
}
#sidebar6 ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;	
padding:0;
}
#sidebar7 ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0;	
padding:0;
}


.dj-right li {
	border-bottom:dotted 2px #1F1F1F;
    line-height:0px;
    font-weight:normal;
	font-size:1px;
}
.dj-right li a {
	background: transparent url('http://nhacdj.djdown.net/images/play2.gif') no-repeat scroll 5px 0px;
    line-height:23px;
    font-weight:bold;
	padding-left:20px;
	font-size:11px;
	margin:0;
}
.dj-koi {
	border-bottom:dotted 2px #1F1F1F;
    line-height:20px;
    font-weight:bold;
	font-size:11px;
}
.dj-koi a {
   padding: 0px;
line-height: 20px;
border-bottom: 1px dashed #333;
min-height: 40px;
}
}




.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.6em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font-family:'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
letter-spacing:0.1em;
line-height:normal;
text-transform:uppercase;
}
#footer {
background:#0D0D0D none repeat scroll 0 0;
border-top:1px solid #525252;
clear:both;
font-size:10px;
padding-bottom:15px;
padding-top:15px;
text-align:center;
text-transform:uppercase;
width:950px;
}
#submenu {
background:#333333 ; 
height:35px;
margin-top:auto;
margin-bottom:5px;
padding:0;
text-align:center;
width:100%;
border-bottom:1px solid #6B6B6B;
border-top:1px solid #0D0D0D;
}
.menu {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
}
.menu li {
float:left;
font-family:"Lucida Sans Unicode","Bitstream Vera Sans","Trebuchet Unicode MS","Lucida Grande",Verdana,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
}
.menu a {
background: url(http://2.bp.blogspot.com/_66wIGDjagHk/Sg3C64RbjJI/AAAAAAAAAY4/19Yw1ZFLiJg/s1600/seperator.gif) no-repeat scroll right bottom;
color:#FFFFFF;
display:block;
float:left;
margin:0;
padding:9px 12px;
text-decoration:none;
}
.menu a:hover {
background:#2580A2 ;
color:#FFFFFF;
padding-bottom:10px;
}
.menu a.current  {
background:#2580A2 url(http://2.bp.blogspot.com/_66wIGDjagHk/Sg3C64RbjJI/AAAAAAAAAY4/19Yw1ZFLiJg/s1600/seperator.gif) no-repeat scroll right bottom;;
color:#FFCC00;
padding-bottom:10px;
text-transform:uppercase;
font-weight:bold;
}
#busca {
float:right;
line-height:35px;
font-size: 11px;
}
#busca a{
color: #FF643D;
}
#busca a:hover {
color: #fff;
}
#busca a:hover span {
color: #fff;
}
.colo04 {
color:#00B0B0;
}
.colo01 {
color: #00B0B0;
}
.colo05 {
color: #AB0A87;
}
.colo02 {
color: #FFCC00;
}
.colo03 {
color: #C7C7C7;
}

#menu-wrapper {
background: url("http://dj.tuoigi.com/bay/Images/black.png");
margin:0 auto;
width:950px;
padding-bottom: 1px;
text-align: center;
margin: 0 auto;
}

.timkiem {
float:left;
margin:0;
padding:0;
overflow:hidden;  
}
.ads-header {
margin:0;
padding:0;
overflow:hidden;  
}
.ads-header img{
max-width:340px;
max-height:50px;
}
#box1 {   
float: left;  
width: 230px;  
}

#box2 {   
float: left;  
width: 460px;  
}
#box3 {   
float: right;  
width: 260px;  
}
#right-box2 {
 padding-top:25px;
  padding-left:13px;
 float: left;
 overflow: hidden;
 font-weight: bold;
 font-size: 13px;
 color:#737373;
}
#right-box2 a{
 color:#FFB13D;
} 
#right-box2 a:hover{
 color:#fff;
 text-transform:uppercase;
}  
.title-left {
text-transform: uppercase;
color: #FF792F;
    height:25px;
padding: 3px 5px 3px 5px;
background: url(http://3.bp.blogspot.com/--2abVH5daS8/UCzIs_lNXAI/AAAAAAAAAKg/o5PlT4a2eTk/s1600/gradient.png) repeat-x top black;
border: 1px solid #02FF49;
outline: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight: bold;
}
.title-koi {
text-transform: uppercase;
color: #FF792F;
padding: 3px 5px 3px 5px;
background: url(http://3.bp.blogspot.com/--2abVH5daS8/UCzIs_lNXAI/AAAAAAAAAKg/o5PlT4a2eTk/s1600/gradient.png) repeat-x top black;
border: 1px solid #02FF49;
outline: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight: bold;
}
.title-right {
text-transform: uppercase;
color: #FF792F;
    height:25px;
padding: 3px 5px 3px 5px;
background: url(http://3.bp.blogspot.com/--2abVH5daS8/UCzIs_lNXAI/AAAAAAAAAKg/o5PlT4a2eTk/s1600/gradient.png) repeat-x top black;
border: 1px solid #02FF49;
outline: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight: bold;
}
.box-right {
background: #0D0D0D;
border:solid 1px #383838;
border-right:solid 1px #383838;
margin-bottom:7px;
padding-left:0px;
padding-right:0px;
}
.box-right-ads {
background: #0D0D0D;
border:solid 1px #383838;
padding-top:5px;
padding-left:5px;
padding-right:5px;
padđing-bottom:2px;
margin-bottom:7px;
}
.post-conten {
border-bottom:dotted 2px #444;
padding-bottom:11px;
padding-top:4px;
padding-left:25px;
background: #0D0D0D url(http://4.bp.blogspot.com/-ULrZsL89Lek/UB9A4dyVcAI/AAAAAAAAAJI/lebACHcRElw/s1600/play.png) 5px 9px no-repeat;
}
.post-conten:hover {
border-bottom:dotted 2px #444;
padding-bottom:11px;
padding-top:4px;
padding-left:25px;
background: #0D0D0D url(http://4.bp.blogspot.com/-ULrZsL89Lek/UB9A4dyVcAI/AAAAAAAAAJI/lebACHcRElw/s1600/play.png) 5px 9px no-repeat;
}
.post-conten h3 {
color:#FFCC00;
font-size:12px;
font-weight:normal;
margin:0;
vertical-align: baseline;
padding:0 0 4px;
font-family: Tahoma, Lucida Grande, Helvetica,Arial,Verdana,sans-serif;
}
.post-conten h3 a, .post-conten h3 a:visited {
color:#FFFDFD;
display:block;
font-weight:normal;
float: left;
}
text-decoration:none;
font-family: Tahoma, Lucida Grande, Helvetica,Arial,Verdana,sans-serif;
}
.post-view { width: 510px;
float:left;
}
.post-view h3 {
color:#FFCC00;
font-size:15px;
font-weight:bold;
margin:0;
font-family: Halvetica, Arial, Sans-serif;
}
.post-view h3 a, .post-view h3 a:visited {
color:#CCC;
font-size:15px;
display:block;
font-weight:bold;
text-decoration:none;
font-family: Halvetica, Arial, Sans-serif;
}
.post-view h3 strong, .post-view h3 a:hover {
color:#F05000;
}
.post-musicdj {
color:#E81AFF;
font-size:15px;
font-weight:bold;
height:30px;
line-height:30px;
border-bottom:solid 1px #2B2B2B;
border-top:solid 1px #2B2B2B;
font-family: Halvetica, Arial, Sans-serif;
text-align:center;
}
.title-music {
color:#FFCC00;
font-size:15px;
display:block;
font-weight:bold;
text-decoration:none;
font-family: Halvetica, Arial, Sans-serif;
}
.clr05{color: #ffa800;}
.clr06{color: #badcf8;}
.clr07{color: #00B31E;}

.post-view-trang {
float:left;
}
.post-view-trang h3 {
color:#FFCC00;
font-size:15px;
font-weight:bold;
margin:0;
font-family: Halvetica, Arial, Sans-serif;
}
.post-view-trang h3 a, .post-view-trang h3 a:visited {
color:#CCC;
font-size:15px;
display:block;
font-weight:bold;
text-decoration:none;
font-family: Halvetica, Arial, Sans-serif;
}
.post-view-trang h3 strong, .post-view-trang h3 a:hover {
color:#F05000;
}

.showpagePoint,.blog-pager a:link,.blog-pager a:visited{padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px silver;
background: #E9E9E9;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .8), 0px 1px 3px rgba(0, 0, 0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171 !important;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
cursor: pointer;
}
.showpageOf{margin:0 8px 0 0;}
.showpagePoint{padding: 3px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px silver;
background: #E9E9E9;
box-shadow: inset 0px 1px 0px rgba(255, 255, 255, .8), 0px 1px 3px rgba(0, 0, 0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171 !important;
text-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
cursor: pointer;
}
#blog-pager{text-align:center;clear:both;padding:6px 4px;}
.blog-pager a:link,.blog-pager a:visited{background:transparent;color:#CCC;margin:0 3px;padding:3px 8px;}
.blog-pager a:hover{background:transparent;}

.lienquan {width:510px;}
.lienquan ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin: 0px 0px 0px 10px;	
padding-left:30px;
}
.lienquan li {
	background: transparent url('http://lh6.googleusercontent.com/-1p_8aM2Wcd8/TrPte6B_o4I/AAAAAAAAAJ0/yhVAmEqZK-4/s800/vip.gif') no-repeat scroll 0px 8px ;
border-bottom: 1px dashed #333;
	padding-top:0px;
	padding-bottom:5px;
}
.lienquan li a{
	font-size:11px;
	color:#E0E0E0;
	font-weight:bold;
	padding-left:30px;
} 
.lienquan li a:hover{
	color:#FFFFFF;
	font-weight:bold;
} 
/*Search*/
#search {
    padding-top:20px;
    float: left;
    overflow: hidden;
    width: 285px;
	margin:0px;
}
#search span {
    display: block;
    float: left;
    overflow: hidden;
    padding-left: 6px;
}
#search span.text input, #search button {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
input.default {
    font-style: italic;
}
#search span.text input {
   border: 1px solid #006600;
    background: transparent;
    color: #00A300;
    font-size: 12px;
    height: 19px;
    line-height: 19px;
    padding: 2px 4px;
    width: 216px;
	font-weight:bold;
	font-family:'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
}
#search button {
    background: url("http://4.bp.blogspot.com/-h-7f6sEGfJs/Tfi9gYawk1I/AAAAAAAAAJQ/c3NjBm2lTZI/s1600/search_button.png") no-repeat scroll left top transparent;
    height: 25px;
    width: 45px;
}


.postmp {
width: 120px;
height: 230px;
border:solid 1px transparent;
margin-left: 20px;
margin-right: 20px;
padding: 0px;
float: left;
position: relative;
}

.postmp h3{
color: #FFFFCC;
font: Arial, Verdana, Sans-serif;
font-size:11px;text-align:center;
text-decoration: none;
font-weight: normal;
}
.postmp h3 a{
color: #FFFFCC;
font: Arial, Verdana, Sans-serif;
font-size:11px;text-align:center;
text-decoration: none;
font-weight: normal;
}
.postmp img {   
    width: 120px;
    height: 100px;
    border-bottom: 1px solid #000;
	padding: 1px;
	background: #1F1F1F;
	overflow:hidden;  
}


#top-full-main {
float:left;
overflow:hidden;  
width:954px;
padding-bottom:0px;
}
#top-full-main img{
max-width:940px;
}

/*---------------------------------------------------------------------------------*/
/* CAROUSEL POSTS */
/*---------------------------------------------------------------------------------*/
#carousel {
    background: none repeat scroll 0 0 #1F1F1F;  
    border-bottom: 1px solid #FFFFFF;
    border: 1px solid #636363;
    padding: 0;
}
.carousel-posts { target: blank;
}
#carousel h3 { 
    background: url(http://2.bp.blogspot.com/-eeEd7NfgJnE/UB9AnhMr2UI/AAAAAAAAAI4/e67vNpuVS-A/s1600/new.gif) no-repeat scroll left;
    color:#FFCC00;
    border-bottom: 1px solid #525252;
    font-size: 14px;
    margin: 0px 6px 0px;
    text-transform: uppercase;
	font-weight: bold;
}
#carousel h3 a { 
    color:#F90;
    font-size: 14px;
    text-transform: uppercase;
	font-weight: bold;
	 margin: 0px 38px 0px;
}
#carousel h3 span {
    border-bottom: 1px solid #525252;
    display: block;
    padding-top: 4px;	
}
#carousel .item {
    background: none repeat scroll 0 0 #0D0D0D;
    border: 1px solid #575757;
    display: inline;
    float: left;
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
    overflow: hidden;
    width: 158px;
}
#carousel .item img {
    border-bottom: 1px solid #383838;
    display: block;
    padding: 4px;
}
#carousel .item .title {
    display: block;
    height: 25px;
    padding: 5px 5px 5px;
}
#carousel .item .title {
    display: block;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
	text-align: center;
    height: 25px;
    line-height: 1.3;
    overflow: hidden;
}
#carousel .item .title:hover {
    text-decoration: none;
}
.pc-next, .pc-prev, .pc-next:hover, .pc-prev:hover {
    background: url("http://lh5.googleusercontent.com/-QyyuLt4pDQg/TrhYNHVYkSI/AAAAAAAAAL4/ZrR-CJYvYgQ/s800/arrowcarousel.png") no-repeat scroll left top transparent;
    border: 0 none !important;
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 14px;
    margin: 4px 4px 0;
    overflow: hidden;
    text-indent: -5555em;
    width: 16px;
}
.pc-next {
    background-position: right 0;
}
.pc-prev {
    background-position: 0 0;
}
.pc-next:hover {
    background-position: right -19px;
}
.pc-prev:hover {
    background-position: 0 -19px;
}

.lllllllllllllll{background:url(http://dj.tuoigi.com/bay/images/line_list_15.gif) repeat-y;width:501px;height:auto;overflow:hidden} 
.iiiiiiiiiiiiiii li p.left{float:left;margin:0;padding:0}
.iiiiiiiiiiiiiii{width:600px;height:auto;float:left;overflow:hidden}.iiiiiiiiiiiiiii ul{list-style:none;margin:0;padding:0}.iiiiiiiiiiiiiii ul li{border-bottom:#101012 solid 1px;border-top:#1c1c1e solid 1px;border-left:#000 solid 1px;overflow:hidden;font-size:11px;color:#666;text-decoration:none;margin:0;padding:0;padding-top:8px;padding-bottom:8px;padding-left:5px;width:490px}.iiiiiiiiiiiiiii ul li a{font-size:11px;color:#666;text-decoration:none}.iiiiiiiiiiiiiii ul li a:hover{color:#fff;font-size:11px}.iiiiiiiiiiiiiii img{max-width:250px}.iiiiiiiiiiiiiii embed{max-width:490px;max-height:350px}.iiiiiiiiiiiiiii iframe{max-width:490px;max-height:350px}.iiiiiiiiiiiiiii li p.title{margin:0;padding:0;margin-left:80px}.iiiiiiiiiiiiiii li p.left{float:left;margin:0;padding:0}.iiiiiiiiiiiiiii .time{float:left;width:70px}.iiiiiiiiiiiiiii .left span{float:left;margin-left:5px;margin-right:5px}
.iiiiiiiiiii{background:url(http://3.bp.blogspot.com/-WPtnIjuUJhc/TtBCitIpRaI/AAAAAAAAAe8/k2Be3WFNIQQ/s1600/line_cat.gif) repeat-x;width:472px;height:36px;font-family:Tahoma,Geneva,sans-serif;margin:0;padding-top:16px;font-size:14px;font-weight:bold;float:left;overflow:hidden;color:#fff}.iiiiiiiiiii a{color:#fff}.iiiiiiiiiii a:hover{color:#999}
.iiiiiiiiiiiii{background:url(http://4.bp.blogspot.com/-pDcA1fE6dfE/TtBCi31R7EI/AAAAAAAAAfA/8zWcUUMwnts/s1600/right_cat.gif) no-repeat;width:18px;height:52px;float:left}

/*menu*/
#tungsannet, #tungsannet ul {
margin: 0;
padding: 0;
list-style: none;
}
#tungsannet {
width: 950px;
height:45px;
margin: 10 auto 10px auto;
border: 1px solid #222;
background: #3399FF;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-moz-box-shadow: 0 1px 1px #777;
-webkit-box-shadow: 0 1px 1px #777;
box-shadow: 0 1px 1px #777;
}
#tungsannet:before,
#tungsannet:after {
content: "";
display: table;
}
#tungsannet:after {
clear: both;
}
#tungsannet {
zoom:1;
}
#tungsannet li {
float: left;
border-right: 1px solid #222;
-moz-box-shadow: 1px 0 0 #444;
-webkit-box-shadow: 1px 0 0 #444;
box-shadow: 1px 0 0 #444;
position: relative;
}
#tungsannet a {
float: left;
padding: 12px 25px;
color: mintCream;
text-transform: uppercase;
font: bold 12px Arial, Helvetica;
text-decoration: none;
text-shadow: 0px 0px 0px#906, 0 0 0.5em #906 , 0 0 1.5em #906;
}
#tungsannet li:hover > a {
color:MintCream;
text-shadow:0px 0px 0px #111, 0 0 0.5em Orange , 0 0 0.4em Orange;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: inset 0 0 10px #EEE;
-webkit-box-shadow: inset 0 0 10px #EEE;
box-shadow: inset 0 0 10px #EEE;
border-image: initial;
}
*html #tungsannet li a:hover { /* IE6 only */
color: #fafafa;
}
#tungsannet ul {
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 38px;
left: 0;
z-index: 9999;
background: #444;
background: -moz-linear-gradient(#444, #111);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444));
background: -webkit-linear-gradient(#444, #111);
background: -o-linear-gradient(#444, #111);
background: -ms-linear-gradient(#444, #111);
background: linear-gradient(#444, #111);
-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
#tungsannet li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}
#tungsannet ul ul {
top: 0;
left: 150px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
#tungsannet ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
#tungsannet ul li:last-child {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#tungsannet ul a {
padding: 10px;
width: 160px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
#tungsannet ul a:hover {
background-color: #0186ba;
background-image: -moz-linear-gradient(#04acec, #0186ba);
background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
background-image: -webkit-linear-gradient(#04acec, #0186ba);
background-image: -o-linear-gradient(#04acec, #0186ba);
background-image: -ms-linear-gradient(#04acec, #0186ba);
background-image: linear-gradient(#04acec, #0186ba);
}
#tungsannet ul li:first-child > a {
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
#tungsannet ul li:first-child > a:after {
content: '';
position: absolute;
left: 40px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #444;
}
#tungsannet ul ul li:first-child a:after {
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #3b3b3b;
}
#tungsannet ul li:first-child a:hover:after {
border-bottom-color: #04acec;
}
#tungsannet ul ul li:first-child a:hover:after {
border-right-color: #0299d3;
border-bottom-color: transparent;
}
#tungsannet ul li:last-child > a {
-moz-border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}

/*Menu*/




body {
color: #AFAFAF;
font-family: Tahoma, Lucida Grande, Helvetica,Arial,Verdana,sans-serif;
font-size: 90%;
line-height: 0em;
text-align: center;
font-family: Arial;
font-size: small;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-align: center;
}

a{
text-decoration:none;
color:#666;
}

a:hover{
text-decoration:underline;
color:#69F;
}

.clear{
clear:both;
}

.button {
background: none repeat scroll 0 0 #990066;
border: 0 none;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF !important;
cursor: pointer;
font-size: 10px;
height: 25px;
line-height: 25px;
outline: 0 none;
padding: 0 12px;
text-decoration: none !important;
text-transform: uppercase;
border:1px solid #993366;

}
.button:hover {
background: none repeat scroll 0 0 #777;
border: 1px solid #ccc;
}

#wrapper {
width:960px;
margin:0 auto;
text-align:center;
}

#header{
background: url("http://dj.tuoigi.com/bay/Images/black.png");
padding-bottom:0px;
text-align: center;

margin: 0 auto;
}

#menu-bar {
background:url("http://dj.tuoigi.com/bay/Images/menu-bg-trans.png") no-repeat scroll center top transparent;
clear: both;
height: 45px;
font-weight: bold;
display: table;
margin: 0 auto;
margin: 0 auto;
}
#banner{
border:0px solid #ccc;
padding:5px;
background:transprarent;
height:182px;
margin:0 auto;
background-repeat: no-repeat;
background-position: center;
text-align: center;
clear: both;
}

#logo{
background:url(http://dj.tuoigi.com/bay/Images/logo.png);
width:500px;
position:absolute;
height:147px;
float:left;
}

.ct-search {
padding: 25px 25px 0 0;
float:right;
position:relative;
}

.ct-search form {
position: relative;
}

.ct-search input:-moz-placeholder {
color: rgba(155, 180, 195, 0.9);
}

.ct-search input[type="text"] {
background: none repeat scroll 0 0 #ECF1F4;
border: 1px solid #B5C9D4;
border-radius: 20px 20px 20px 20px;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 3px rgba(25, 62, 83, 0.1) inset, 0 0 0 8px rgba(155, 180, 195, 0.3);
color: #3E7EA0;
font-size: 12px;
height: 15px;
padding: 6px 15px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
width: 200px;
}

.ct-submit-bg {
height: 30px;
position: absolute;
right: 1px;
top: 1px;
width: 30px;
}

.ct-search input#go[type="submit"] {
background: url("http://dj.tuoigi.com/bay/Images/Icons/search.png") no-repeat transparent;
border: medium none;
box-shadow: none;
cursor: pointer;
height: 16px;
position: absolute;
right: 5px;
top: 7px;
width: 16px;
}

.ct-search input[type="submit"] {
background: -moz-linear-gradient(center top , #F78297 0%, #F56778 100%) repeat scroll 0 0 transparent;
box-shadow: 0 1px 1px #C1C1C1, 0 1px 0 #F9A1B1 inset;
text-shadow: 0 1px 0 #F89CA9;
padding: 4px 13px;
border: 1px solid #DEDEDE;
border-radius: 3px;
color: #555555;
cursor: pointer;
display: inline-block;
font-size: 10px;
line-height: 20px;
padding: 3px 8px;
}


ol, ul {
list-style: none;
}

#category-nav {

}

#category-nav li {
float: left;
line-height:45px;
font-size:13px;
padding-right:30px;
padding-left:30px;*/
border-right:1px solid #444;
height: 43px;
margin-top:-14px;
text-align: center;
width: 131px;
}

#category-nav li:hover{
background:#000;
}

#category-nav a{
text-decoration:none !important;
color:#FFB802;
}

#content{

margin:0 auto;
margin-top:2px;
}

#content img, #category-nav img, .achievement img{
vertical-align:middle;
margin-bottom:3px;
}
#left-column{
float:left;
width:215px;
margin-right:10px;
display: inline;
}

.column-bit{
width:100%;
margin-bottom:10px;
}

#center-column{
float:left;
width:510px;
padding-bottom:20px;
display: inline;
}

#center-column .song-bit, .song-bit-profile{
border-bottom:1px dashed #444;
font-size:13px;
float:left;
width:480px;

}

.song-title-bit{
margin-bottom:-5px; 
text-align: left;
}

#center-column .song-bit:hover, .song-bit-profile:hover{
background:url(http://dj.tuoigi.com/bay/Images/black1.png);

}

.song-bit-profile{
width:470px;
}

#center-column .song-bit a, .song-bit-profile a{
color:#CCCCCC;
}

#center-column .song-bit .information, .song-bit-profile .information{
font-size:11px;
float:left;
color:#666;
padding-left:20px;
text-align: left;
}

#center-column .song-bit .information a, .song-bit-profile .information a{
color:#89014B;
}

.playlist-title{
clear: both;height: 35px;color: #000;border-bottom: solid 1px #ccc;color:green;
}

.playlist-checkbox{
float: right;margin-top: 5px;margin-right: 15px;
}

.add-to-playlist{
float:right;
display: inline;
}

.song-bit{
clear:both;
}

.add-to-playlist a{
background: url("http://dj.tuoigi.com/bay/Images/Icons/add-playlist.png") no-repeat transparent;
float: left;
height: 16px;
overflow: hidden;
width: 16px;
}

.add-to-playlist a:hover{
background: url("http://dj.tuoigi.com/bay/Images/Icons/add-playlist1.png") no-repeat transparent;
}

#center-column .song-bit .counter{
}

#center-column .song-bit .counter .view-count{	
margin-left:10px;
color:#555;
}

#center-column .song-bit .counter .download-count{
color:#555;
}



#media-player{
width:480px;
margin-left:auto;
margin-right:auto;
}

#media-player_wrapper{
text-align: center;    
}

#listen-tip{
text-align:center;
font-size:13px;
}

#listen-tip a{
color:#993300;
}

.info-title{
width:95%;
border:1px solid #222;
background:url(http://dj.tuoigi.com/bay/Images/black1.png);
color:#666;
padding:5px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
text-align:left;
}

#song-info{
width:95%;
margin-left:auto;
margin-right:auto;
font-size:13px;
text-align:left;
}

#poster-avatar{
float:left;
margin-right:10px;
width:160px;
text-align:center;
font-weight:bold;
position: absolute;
}

#poster-avatar a{
color:orange;
}

#poster-avatar img{
    border:1px solid #ccc;
    padding:2px;
    background:#fff;
    border-radius:5px;
}

#main-info{
padding: 0 0 10px 165px;
}

#song-name{
color:#FF792F;
text-align:center;
font-weight:bold;
font-size:14px;
}

#main-info p span{
float:left;
}

#main-info p span.right-info{
display: block;
float: none;
padding-left: 100px;
}

#download-area{
display: table;
margin: 10px auto;
text-align:center;
}

#download-area a{
padding:5px;
margin-left:10px;
}

#share-song{
display:none;
border:1px dashed #444;
padding:5px;
}

#share-song p{
margin-bottom:5px;
border-bottom:0px dashed #444;
clear:both;
}

#share-song div.left-share{
width:130px;
float:left;
font-weight:bold;
}

#share-song p div.right-share{
float:left;
}

#track-list {
color:#DDDDDD;
height:300px;
margin-bottom:5px;
max-height:300px;
overflow:auto;
max-width:500px;
clear: both;
padding-left:10px;
}
#track-list{
padding:5px 6px 20px 5px;
margin-bottom:10px;
max-height: 300px;
}
#track-list img{
max-width: 580px;
}
#expand-track-list {
border: 1px solid #444444;
padding: 5px;
background: #333 url('http://3.bp.blogspot.com/-tti10mSqRZ0/Ufd5W1jS41I/AAAAAAAAAN0/s9B2l44IU_c/s1600/LG.png') no-repeat right bottom;
position: absolute;
z-index:999;
margin-left:-50px;
min-width:580px;
min-height: 250px;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 3px rgba(255, 255, 255, 0.1) inset, 0 0 0 8px rgba(255, 255, 255, 0.3);
border-radius:3px;
max-width:550px;
display:none;
}
#expand-track-list img{
max-width:600px;
}

#comment-content{
background:#222;
margin-bottom:5px;
margin-top:-5px;
color:#777;
border:1px solid #444;
}

#comment-list{
width:95%;
clear:both;
margin-top:10px;
margin-left:10px;
}

.comment-bit{
margin-bottom:5px;
}	

.comment-avatar{
float:left;
width:50px;
height:50px;
margin:3px;
padding:2px;
border-radius:2px;
background:#fff;
width:50px;
}	

.comment-line{
width:375px;
margin-left:5px;
float:left;
line-height:20px;
border:1px solid #333;
padding:5px;
border-radius:3px;
margin-top:3px;
background:url(http://dj.tuoigi.com/bay/Images/black.png);
}

.comment-line:hover{
border:1px solid #444;
box-shadow:0px 0px 2px white;
}	

.comment-info{
font-size:12px;
color:#066;
margin:0px;
text-align: left;
}

.comment-info a{
color:#066;
}

.comment-time{
color:#444;
float:right;
font-size:11px;
text-align: left;
}

.comment-content{
margin:0px;
font-size:11px;
color:#999;
font-family:Tahoma;
text-align: left;
}

.clear-comment{
clear:both;
margin-bottom:5px;
width:450px;
float:right;
}	

#member-info{
width:90%;
}

#member-group{
float:left;
}
#join-date{
float:right;
}

#profile-stats{
width:90%;
text-align:left;
font-size:13px;
}

#profile-stats .stat-name{
float:left;
width:170px;
}

#profile-stats .achievement{
color:green;
}

ul.top-songs{
background: url("http://1.bp.blogspot.com/-mWNC1wh6Lfs/UCzJA6C7A7I/AAAAAAAAAK4/Gg1q2Ql_qXU/s1600/sortnum.png") no-repeat scroll 10px 4px transparent;
margin-left:-10px;
font-size:12px;
display:inline-block;
width:100%;
}

ul.top-songs li.song-bit{
line-height:23px;
padding-left: 30px;
}

ul.top-songs li.song-bit div.left{
float:left;
}
ul.top-pro{
background: url("http://dj247.net/dj/img/sprite.png") no-repeat scroll 10px 4px transparent;
font-size:12px;
display:inline-block;
width:100%;
background-position: 0.9px 2px;
height: 288px;
}

ul.top-pro li.song-bit{
line-height:30px;
padding-left: 10px;
}

ul.top-pro li.song-bit div.left{
float:left;
}

ul.listen-songs, ul.download-songs{
margin-left:-10px;
font-size:12px;
}

ul.listen-songs li.song-bit, ul.download-songs li.song-bit{
padding:5px;
line-height:20px;
border-bottom:1px dashed #333;
min-height:40px;
}

ul  .image-top{
display: table;float:left; 
}
ul .title-top{
display: inline;
width: 75%;
float: left;
}



ul#menu-left li{
color:#DD9E3F;
font-family:Segoe Ui, Tahoma;
font-size:15px;
margin-bottom:15px;
}

ul#menu-left li:hover{
color:#DD9E3F;
}

ul#menu-left-song-type li{
background:url('http://1.bp.blogspot.com/-cgE0y-ERYIs/UCzI41nFkrI/AAAAAAAAAKw/hrB2mpmzfAE/s1600/menu-bit1.png') no-repeat left;
padding-left:20px;
margin-bottom:10px;
color:#FFB802;
font-family:Segoe UI, Tahoma;
font-size:15px;
}

ul#menu-left-song-type li{
margin-left:15px;
margin-top:3px;
}

ul#menu-left-song-type a, ul#menu-left a{
text-decoration:none !important;
}

ul#menu-left-song-type li:hover{
background:#222 url('http://dj.tuoigi.com/bay/Images/Icons/menu-bit.png') no-repeat left;
color:#FFF;
}



ul#menu-left li img{
margin-bottom:5px;
}

.top-album-bit{
margin-bottom:5px;
line-height:17px;
clear:both;
display:table;
height: 80px;
}

.top-album-bit .thumb {
clear:both;
border:1px solid #ccc;
background:#fff;
display: block;
float: left;
margin-right: 5px;
padding: 1px;
width: 70px;
}

.top-album-bit .thumb img{
width:70px;
height:70px;
}

.album-line{
border-bottom:1px solid #333;
margin:15px;
}

#stast-table{
width:190px;
font-size:13px;
margin:0px;
height:auto;
}

.statistic-tr{
margin-bottom: 10px;
}

#stast-table td.left-td{
text-align:left;
line-height:16px;
}

#stast-table td.right-td{
text-align:right;
font-weight:bold;
}	


#right-column{
margin-left:10px;
float:left;
width:210px;
font-size:13px;
display: inline;
}


button.css3button {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
padding: 5px 10px;

-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,1);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,1);
text-shadow:
0px -1px 0px rgba(000,000,000,0.7),
0px 1px 0px rgba(255,255,255,0.3);
}

.title-bar{
text-transform:uppercase;
color:#FF792F;
padding: 3px 5px 3px 5px;
background: url(http://3.bp.blogspot.com/--2abVH5daS8/UCzIs_lNXAI/AAAAAAAAAKg/o5PlT4a2eTk/s1600/gradient.png) repeat-x top black;
/* mau khac: #d1d1d1 */
border:1px solid #02FF49;
outline:0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
font-weight:bold;

}

/*-----N?i dung + c?t -------*/
.content-column,.content-column-adv{
 padding: 5px;
margin-bottom: 10px;
border: 1px solid #333;
box-shadow: 0 0 5px #111111;
border-top: 0px;
background: rgba(0, 0, 0, 0.75);
clear: both;
}
.content-column1,.content-column-adv{
background: rgba(0, 0, 0, 0.75);}
.content-column-adv{
padding:0px !important;
}
.btn {
display: inline-block;
padding: 10px;
border-radius: 5px; /*optional*/
color: #aaa;
font-size: .875em;
}

.pagination {
padding: 20px;
float:left;
margin:0px auto;
margin-left:auto;
margin-right:auto;
}

.itempage {
display: table;
float: left;
padding: 0px 9px;
margin-right: 4px;
border-radius: 3px;
border: solid 1px #c0c0c0;
background: #e9e9e9;
box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
font-size: .875em;
font-weight: bold;
text-decoration: none;
color: #717171 !important;
text-shadow: 0px 1px 0px rgba(255,255,255, 1);
cursor: pointer;
}

.itempage:hover, .itempage.gradient:hover {
background: #fefefe;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.itempage.active {
border: none;
background-color: #820757;
color: #fff !important;
text-shadow: 0px 0px 3px rgba(0,0,0, .5);
box-shadow:none;
border:1px solid #950061;
}

.itempage.gradient {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.itempagination.dark {
background: #414449;
color: #feffff;
}

.itempage.dark {
border: solid 1px #32373b;
background: #3e4347;
box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
color: #feffff;
text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.itempage.dark:hover, .page.dark.gradient:hover {
background: #3d4f5d;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.itempage.dark.active {
border: none;
background: #2f3237;
box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.itempage.dark.gradient {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}

.pagedata{
text-align: center;
margin: 5px;;
}


.tooltip{
position:absolute;
max-width:700px;
background:#fff;
border:2px solid #906;
color:#906;
padding:5px 15px 5px 15px;
font-size:12px;
border-radius:5px;
zoom: 1;
filter: alpha(opacity=90);
opacity: 0.9;
z-index:9999;
}

.tooltip-image{
float:left;
margin-right:5px;
margin-bottom:5px;
margin-top:3px;}	

.tooltip img{
    max-width:300px;
}

.tooltip span{
font-weight:700;
color:#ffea00;
}

.tooltip a{
color:#903;
}

.tooltip #post-by{
font-weight:normal;
color:#000;
}


#footer {
background-color: #0F0F0F;
border-top: 1px solid #353535;
color: #555555;
padding: 40px 0;
z-index: 0;
clear: both;
text-align:center;
}

div.pagination {
width:100%;
clear:both;
padding:2px 0;
margin:0px;
float:left;
font-size:10px;
}

#loading{
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px;
background:#fff;
padding:5px;
position: fixed;
top: 0;
right: 0;
text-align:center;
color:#000;
opacity: 0.9;
z-index:99999;
}
#container .pagination ul li.inactive,
#container .pagination ul li.inactive:hover{
background-color:#ededed;
color:#bababa;
border:1px solid #ccc;
cursor: default;
}
#container .data ul li{
list-style: none;
font-family: verdana;
margin: 5px 0 5px 0;
color: #000;

}

#container .pagination{
height: 10px;
}
#container .pagination ul li{
list-style: none;
float: left;
border: 1px solid #444;
padding: 0px 5px;
margin: 0 3px;
color: #fff;
background-color: #111;
}
#container .pagination ul li:hover{
color: #fff;
background-color: #636;
border-color:#ccc;
cursor: pointer;
}

.total
{
display:none;
color:#999;
margin-left:40px;
}

#main-info p {
display:table; 
clear: both;
}

span.sprite-top {
background: url(http://4.bp.blogspot.com/-hcpj-BmSgks/UCzJF5e--RI/AAAAAAAAALA/p3Xo5Sw5w3I/s1600/sprite.jpg) no-repeat top left;
background-position: 0 0;
background-repeat: no-repeat;
float: left;
overflow: hidden;
width: 28px;
}

span.sprite-menu {
background: url(http://4.bp.blogspot.com/-hcpj-BmSgks/UCzJF5e--RI/AAAAAAAAALA/p3Xo5Sw5w3I/s1600/sprite.jpg) no-repeat top left;
background-position: 0 280;
background-repeat: no-repeat;
float: left;
overflow: hidden;
width: 32px;
margin-right:5px;
}

span.sprite-playing {
background: url(http://4.bp.blogspot.com/-hcpj-BmSgks/UCzJF5e--RI/AAAAAAAAALA/p3Xo5Sw5w3I/s1600/sprite.jpg) no-repeat top left;
background-position: 0 472;
background-repeat: no-repeat;
float: left;
overflow: hidden;
width: 16px;
}

span.sprite-stat {
background: url(http://4.bp.blogspot.com/-hcpj-BmSgks/UCzJF5e--RI/AAAAAAAAALA/p3Xo5Sw5w3I/s1600/sprite.jpg) no-repeat top left;
background-position: 0 520;
background-repeat: no-repeat;
float: left;
overflow: hidden;
width: 16px;
margin-right: 5px;
}

span.sprite-top.sprite-1{ background-position: 0 0; width: 28px; height: 28px; }
span.sprite-top.sprite-2{ background-position: 0 -29px; width: 28px; height: 28px; }
span.sprite-top.sprite-3{ background-position: 0 -58px; width: 28px; height: 28px; }
span.sprite-top.sprite-4{ background-position: 0 -87px; width: 28px; height: 28px; }
span.sprite-top.sprite-5{ background-position: 0 -116px; width: 28px; height: 28px; }
span.sprite-top.sprite-6{ background-position: 0 -145px; width: 28px; height: 28px; }
span.sprite-top.sprite-7{ background-position: 0 -174px; width: 28px; height: 28px; }
span.sprite-top.sprite-8{ background-position: 0 -203px; width: 28px; height: 28px; }
span.sprite-top.sprite-9{ background-position: 0 -232px; width: 28px; height: 28px; }
span.sprite-top.sprite-10{ background-position: 0 -261px; width: 28px; height: 28px; }

span.sprite-menu.sprite-group{ background-position: 0 -290px; width: 32px; height: 32px; margin-bottom:50px;}
span.sprite-menu.sprite-menu1{ background-position: 0 -323px; width: 32px; height: 32px; }span.sprite-menu.sprite-menu2{ background-position: 0 -356px; width: 32px; height: 32px; }
span.sprite-menu.sprite-menu3{ background-position: 0 -389px; width: 32px; height: 32px; }
span.sprite-menu.sprite-menu4{ background-position: 0 -422px; width: 32px; height: 32px; }
span.sprite-menu.sprite-menu5{ background-position: 0 -455px; width: 32px; height: 32px; }

span.sprite-playing.sprite-play{ background-position: 0 -488px; width: 16px; height: 16px; }
span.sprite-playing.sprite-play1{ background-position: 0 -505px; width: 16px; height: 16px; margin-right: 3px; margin-top: 7px;}
span.sprite-playing.sprite-play2{ background-position: 0 -522px; width: 16px; height: 16px; margin-right: 5px; margin-top: 7px;}

span.sprite-stat.sprite-stat1{ background-position: 0 -539px; width: 16px; height: 16px; }
span.sprite-stat.sprite-stat2{ background-position: 0 -556px; width: 16px; height: 16px; }
span.sprite-stat.sprite-stat3{ background-position: 0 -573px; width: 16px; height: 16px; }
span.sprite-stat.sprite-stat4{ background-position: 0 -590px; width: 16px; height: 16px; }
span.sprite-stat.sprite-stat5{ background-position: 0 -607px; width: 16px; height: 16px; }
span.sprite-stat.sprite-stat6{ background-position: 0 -624px; width: 16px; height: 16px; }

#checkAcount{
color:red;
display: none;
}

/* CSS Document */
button {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border-radius:3px;
background:#F6F6F6 none repeat scroll 0 0;
border:1px solid #CCCCCC;
cursor:pointer;
height:2.0833em;
overflow:visible;
padding:0 0.5em;
vertical-align:middle;
white-space:nowrap;
}

.like_button{background:url(http://dj.tuoigi.com/bay/Images/yes-dis.JPG) center center no-repeat; padding-left:15px;}
.like_button:hover{
background:url(http://dj.tuoigi.com/bay/Images/yes-enb.JPG) center center no-repeat;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.dislike_button{background:url(http://dj.tuoigi.com/bay/Images/no-dis.JPG) center center no-repeat; padding-left:15px;}

.dislike_button:hover, .dislike_button:visited{
background:url(http://dj.tuoigi.com/bay/Images/no-enb.JPG) center center no-repeat;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
}

.tooltip1{ height:13px;display: none;width:120px; text-align:left;overflow:visible;opacity:0.7;filter:alpha(opacity=40)}
.tooltip2{ height:13px;display: none;width:140px; text-align:right; overflow:visible;opacity:0.7;filter:alpha(opacity=20)}
.tooltip3{ height:13px;display: none;width:250px; text-align:right; overflow:visible;opacity:0.7;filter:alpha(opacity=40)}



.ilikethis, .idislikethis, .totalstats{
display: none;
font-size: 1.0em;
height:17px;
padding:7px;
-moz-border-radius: 6px; 
-webkit-border-radius: 6px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
text-align: center;
text-decoration: none;

background-color:#333333;
color:#FFFFFF;
text-shadow: #fff 0px 0px 20px;
}


.totalstats{
width:350px;
}

.greenBar{ background-color:#AADA37 !important;}
.redbar { background-color:#CF362F !important; }

.totalstatsbutton{ width:80px; vertical-align:top;background:#F6F6F6 none repeat scroll 0 0;}
.totalstatsbutton .greenBar{background-color:#DDDDDD;  height:5px; margin-bottom:3px; height:6px;}		
.totalstatsbutton .redbar{background-color:#DDDDDD;  height:5px; height:6px;}		

#totalstatsbtn:hover{ box-shadow:0px 0px 8px red;}

#voting_result{ margin-bottom:10px; border:solid #188B7C 2px; border-radius: 3px; width:470px; padding:5px; display:none; color:#2C87EF; background:#fff;
}
.mesgbox{padding-left:25px;  margin:5px;font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px;  width:427px; float:left}
.close{float:right; border-radius: 4px;text-align:center; font-size:12px; cursor:pointer; }

.bigGreenBar{background-color:#AADA37;  height:5px; margin-bottom:3px; height:11px; margin-top:9px; margin-left:10px;}		
.bigRedBar{background-color:#CF362F;   height:5px; margin-bottom:3px; height:11px; margin-top:9px; margin-left:10px;}

.thumbUp{ background:url(http://dj.tuoigi.com/bay/Images/yes-dis.JPG) center left no-repeat;height:25px; margin-top:5px; margin-left:20px; padding-left:28px}
.thumbDown{ background:url(http://dj.tuoigi.com/bay/Images/no-dis.JPG) center left no-repeat;height:25px; margin-left:20px; padding-left:28px}
.thumbUp div{ float:left; font-size:12px; }
.thumbDown div{ float:left; font-size:12px; }

.like-dis-bar {
border: 1px solid #fff;
box-shadow: 0 0 5px #fff;
display: table;
height: 7px;
margin: 0 auto;
width: 150px;
margin-right:63px;
}
.likebar {
background-color: #AADA37;
float: left;
height: 7px;
}
.dislikebar {
background-color: #CF362F;
float: left;
height: 7px;
}

.popPlaylist
{
left: 33%;
top: 150px;
z-index: 20;
max-height: 300px;
width: 400px;
background-color: #EFEFEF;
border: solid 1px #ccc;
position: fixed;
display: none;
padding:10px;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.2), 0 1px 3px rgba(25, 62, 83, 0.1) inset, 0 0 0 8px rgba(155, 180, 195, 0.3);

}
.insertplaylist
{
color: #000;float:right:width:245px; clear: none; border:0px;padding-left:5px;
}

.wrapper-bg{
z-index:19;
top:0;
left:0;
position:fixed;
background:#000;
zoom: 1;
filter: alpha(opacity=50);
opacity: 0.5;
display:none;
width:100%;
height:100%;
}

.loginitem
{
height: 30px;background-color: #D3D3D3;border: solid 1px #ccc;border-radius: 8px;
margin-top: 5px;
}
.loginlabel
{
float: left;display: table;margin-left: 3px;margin-top: 6px;
}
.logininput
{
float: left;margin-left: 5px;
}
.logininput input
{
margin-top: 5px;border-width:0px;
background-color: #D3D3D3 !important;
}
.greenbutton{
background-color:#669407;border: solid 1px #8CCB0A;width: 80px;
border-radius: 3px;
color: #fff;
text-transform: uppercase;
font-size:11px;
cursor: pointer;
width:70px;
height: 23px;
text-align: center;
float: right;
margin-right: 5px;
line-height: 23px;
float: right;        
}
.greenbutton:hover
{
background: none repeat scroll 0 0 #777777;
border: 1px solid #CCCCCC;
}

#top-listen{
        margin:0 auto;
        text-align:center;
        font-family:Segoe UI, Tahoma;
        font-weight:bold;
    }
    
#top-listen a{ 
color: #fff;
padding: 0 3px;
background: #111;
border: 1px solid #555;
border-radius: 3px 3px 3px 3px;
font-weight: bold;
float:left;
margin-left:5px;
font-size: 13px;
}
#top-listen a:hover{
box-shadow:0px 0px 5px #fff;
text-decoration: none;
}

.playlistList{
    background: #CCD5DB;
    border: 1px solid #555555;
    border-radius: 3px;
    display: block;
    font-weight: bold;
    
    padding:0 5px;
    font-size:13px;
    color:#333;
    margin-bottom:-20px;
}

a.playlistList:hover{
    color:green;
}

#playlistAuthor{
    font-size:13px;
}

#playlistAuthor a{
    font-size:14px;
    color:#D6EDBD;
    font-weight:bold;
}

#myPlaylist{
    height:auto;
}

#myPlaylist h1{
    font-size:20px;
    color:#3E606F;
    line-height:25px;
    margin-bottom:5px;
}

#mediaplayer_wrapper{
    float:left;
    border:1px solid #555;
}

#playlistInfo{
    float:left;
    margin-left:10px;
    width:175px;
}

#playlistThumb{
    width:170px;
    height:170px;
    padding:2px;
    border:1px solid #ccc;
    background:#fff;
    border-radius:3px;
}

#playlistDesc{
    font-size:12px;
    text-align: justify;
}

#btnShare{
    margin:10px 0 0 10px;
    
}

.playlistButton{
    border: 1px solid #c4c0c4;
    color: #666666;
    font-size: 12px;
    height: 21px;
    margin-right: 10px;
    padding: 5px;
    width: auto;
    border-radius:3px;
    background:#ccc; 
    background: -moz-linear-gradient(
	top,
	#ffffff 0%,
	#ffffff 50%,
	#ffffff 50%,
	#dbdbdb 97%,
	#b5b5b5);
background: -webkit-gradient(
	linear, left top, left bottom, 
	from(#ffffff),
	color-stop(0.50, #ffffff),
	color-stop(0.50, #ffffff),
	color-stop(0.97, #dbdbdb),
	to(#b5b5b5));
-moz-box-shadow:
	0px 0px 0px rgba(097,097,097,0.5),
	inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow:
	0px 0px 0px rgba(097,097,097,0.5),
	inset 0px 0px 2px rgba(255,255,255,1);
text-shadow:
	0px -1px 1px rgba(255,255,255,1),
	0px 1px 1px rgba(255,255,255,1);
    margin-bottom:5px;
}

.playlistBtn{
    /*border: 1px solid #c4c0c4;*/
    color: #666666;
    font-size: 12px;
    height: 21px;
    margin-right: 10px;
    padding: 5px;
    width: auto;
    border-radius:3px;
   /* background:#ccc; 
    background: -moz-linear-gradient(
	top,
	#ffffff 0%,
	#ffffff 50%,
	#ffffff 50%,
	#dbdbdb 97%,
	#b5b5b5);
background: -webkit-gradient(
	linear, left top, left bottom, 
	from(#ffffff),
	color-stop(0.50, #ffffff),
	color-stop(0.50, #ffffff),
	color-stop(0.97, #dbdbdb),
	to(#b5b5b5));
-moz-box-shadow:
	0px 0px 0px rgba(097,097,097,0.5),
	inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow:
	0px 0px 0px rgba(097,097,097,0.5),
	inset 0px 0px 2px rgba(255,255,255,1);
text-shadow:
	0px -1px 1px rgba(255,255,255,1),
	0px 1px 1px rgba(255,255,255,1);
    margin-bottom:5px;
     */
}

a.playlistBtn{
    text-decoration:none;
}

#shareArea, #listSongArea{
    margin:10px 5px;
}

#listSongArea{
    display:none;
}

#shareArea label, #editPlaylistForm label{
    display: block;
    float: left;
    height: 20px;
    padding-top: 6px;
    text-align: left;
    width: 132px;
    font-size:13px;
}

#shareArea .content, #editPlaylistForm .content{
    background-color: #F9F9F9;
    border: 1px solid #DDDDDD;
    font-style: italic;
    padding: 4px 3px;
    width: 335px;
    margin-top:5px;
    font-family: Georgia,"Times New Roman",Times,serif;
}

.error-mess{
    background:#CDCDCD;
    border:2px solid #6E6E6E;
    padding:5px;
    border-radius:3px;
    color:#333;
    margin-bottom: 5px;
}

.error-mess a{
    color:#5B8512;
}

#editPlaylistForm{
    left:30%;
    top: 150px;
    z-index: 20;
    background-color: #EFEFEF;
    border: solid 1px #ccc;
    position: fixed;
    padding:10px;
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.4), 0 1px 3px rgba(25, 62, 83, 0.4) inset, 0 0 0 8px rgba(155, 180, 195, 0.4);
    width:485px;
    margin-left:auto !important;
    margin-right:auto !important;
    display: none;
    font-size: 12px;
}
#stats-area, #stats-area1
{
    clear: both;
}
#djbay-menu, #djbay-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
#djbay-menu {
width: 940px;
margin: 0px auto ;
border: 1px solid #1c1c1c;
background: url(http://np5.upanh.com/b5.s30.d1/f982c2fc2cc3a528f3c68bd9957dd357_48149425.bgmenu.png
) top left repeat-x;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#djbay-menu:before,
#djbay-menu:after {
content: "";
display: table;
}
#djbay-menu:after {
clear: both;
}
#djbay-menu {
zoom:1;
}
#djbay-menu li {
float: left;
border-right: 1px solid #1c1c1c;
border-left: 1px solid #313131;
-moz-box-shadow: 1px 0 0 #444;
-webkit-box-shadow: 1px 0 0 #444;
box-shadow: 1px 0 0 #444;
position: relative;
}
#djbay-menu a {
float: left;
padding: 12px 28px;
color:#FFB802;
text-transform: uppercase;
font: bold 13px Tahoma, Lucida Grande, Helvetica,Arial,Verdana,sans-serif;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
#djbay-menu li:hover > a {
color: #fafafa;
background:#000000;
}
*html #djbay-menu li a:hover { /* IE6 only */
color: #fafafa;
background:#000000;
}
.PopularPosts ul li a{width:250px!important;font-weight:bold;font-size:11px;}
.PopularPosts ul li:first-child:after,.PopularPosts ul li:first-child + li:after,.PopularPosts ul li:first-child + li + li:after,.PopularPosts ul li:first-child + li + li + li:after,.PopularPosts ul li:first-child + li + li + li + li:after,.PopularPosts ul li:first-child + li + li + li + li + li:after,.PopularPosts ul li:first-child + li + li + li + li + li + li:after,.PopularPosts ul li:first-child + li + li + li + li + li + li + li:after,.PopularPosts ul li:first-child + li + li + li + li + li + li + li + li:after,.PopularPosts ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:3px;left:5px;text-align:center;background:url(http://matxac.com/templates/ClassicBlack/images/top.png) -23px -129px no-repeat!important;width:23px;height:30px;overflow:hidden;display:block;font-weight:bold;font-size:12px;line-height:20px;color:#ffffff;}
.PopularPosts ul li:first-child:after,.PopularPosts ul li:first-child + li:after,.PopularPosts ul li:first-child + li + li:after{color:#fbf321!important;background:url(http://matxac.com/templates/ClassicBlack/images/top.png) 0 -129px no-repeat!important;}
.PopularPosts ul{list-style-type:none;margin:0;padding:0;}
.PopularPosts ul li{position:relative;margin:0;padding:0;}
.Label li{float:left;width:50%}